<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link href="__STATIC__/assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="__STATIC__/assets/arr_css/bootstrap.min.css">
    <link rel="stylesheet" href="__STATIC__/assets/index_css/head.css">
    <link rel="stylesheet" href="__STATIC__/assets/index_css/footer.css">
    <!-- <link rel="stylesheet" href="__STATIC__/assets/index_css/index.css"> -->
    <link href="__STATIC__/layer/layui.css" rel="stylesheet" type="text/css" />

    <link rel="stylesheet" href="__STATIC__/assets/class/classification.css">

    <title>分类</title>
    <style>
        .classification_left i {
            display: none;
        }

        .layui-collapse {
            border: 0;
        }

        .layui-colla-content,
        .layui-colla-item {
            border-top-width: 0;
            border-top-style: 0;
            margin-bottom: 30px;
        }

        .layui-colla-item h2 {
            border-radius: 10px;
            /* box-shadow: 0px 4px 10px #e1e1e1; */
            width: 150px;
            background: #fff;
            background-image: url('__STATIC__/assets/images/btn_nol.png')
        }

        .layui-colla-item h2:hover {
            /* background: #e83f44; */
            color: #fff;
            width: 273px;
            background: #fff;
            background-image: url('__STATIC__/assets/images/btn_sel.png')
        }

        .li_2 a {
            background: #e83f44;
            color: #fff;
        }

        #weiyu {
            background-color: #fff;
        }
    </style>
</head>

<body>

    {include file="public/top"}
    <!-- 分类 -->
    <div class="classification_neir">
        <div class="classification_left">

            {include file="public/class_left"}

        </div>

        <div class="classification_right">
            {volist name="list" id="v"}
            <div class="pinpai">
                <a href="{:url('Class/content',array('brand_id'=>$v['brand_id']))}">
                    <img src="__ROOT__/{$v.brand_img}" alt="">
                </a>
                <!-- <span>{$v.brand_name}</span>    -->
            </div>
            {/volist}
        </div>

    </div>
    <!-- 底部 -->
    {include file="public/footer"}

</body>

<script src="__STATIC__/assets/arr_css/jquery-3.3.1.js"></script>
<script type="text/javascript" src="__STATIC__/assets/arr_css/jquery.SuperSlide2.js"></script>
<script src="__STATIC__/assets/arr_css/bootstrap.min.js"></script>
<script src="__STATIC__/assets/arr_css/head.js"></script>
<script src="__STATIC__/assets/index_css/index.js"></script>
<script src="__STATIC__/assets/account/layui/layui.js"></script>
<script src="__STATIC__/layer/layer.js"></script>

<script src="__STATIC__/assets/class/classification.js"></script>

<script>
    layui.use(['element', 'layer'], function () {
        var element = layui.element;
        var layer = layui.layer;

        //监听折叠
        element.on('collapse(test)', function (data) {
            layer.msg('展开状态：' + data.show);
        });
    });
</script>